<template>
  <view class="sk-container">
    <view class="app-task-box data-v-c748d44a">
      <view class="data-v-c748d44a">
        <view class="taskNum-Box topTaskNum--taskNum-Box data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
          <view class="task-num-app topTaskNum--task-num-app data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
            <view class="app-task-left topTaskNum--app-task-left data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="left-top topTaskNum--left-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-234 sk-text">169</view>
              <view class="left-bottom topTaskNum--left-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-611 sk-text">APP提醒任务</view>
            </view>
            <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
            <view class="app-task-right topTaskNum--app-task-right data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="right-top topTaskNum--right-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-79 sk-text">126</view>
              <view class="right-bottom topTaskNum--right-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-727 sk-text">已执行导出</view>
            </view>
          </view>
          <view class="daily-task-num topTaskNum--daily-task-num data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
            <view class="daily-top topTaskNum--daily-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="top-text topTaskNum--top-text data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
                <view class="top-text-num topTaskNum--top-text-num data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-572 sk-text">126</view>
                <view class="top-noComplete topTaskNum--top-noComplete data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-214 sk-text">今日未完成</view>
              </view>
            </view>
            <view class="daily-bottom topTaskNum--daily-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="dailt-item topTaskNum--dailt-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
                <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-71 sk-text">69</view>
                <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-543 sk-text">常规招揽</view>
              </view>
              <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
              <view class="dailt-item topTaskNum--dailt-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
                <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-324 sk-text">126</view>
                <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-300 sk-text">预约促进</view>
              </view>
              <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
              <view class="dailt-item topTaskNum--dailt-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
                <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-134 sk-text">54</view>
                <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-144 sk-text">活动促进</view>
              </view>
              <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
              <view class="dailt-item topTaskNum--dailt-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
                <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-890 sk-text">17</view>
                <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-538 sk-text">自定义任务</view>
              </view>
            </view>
          </view>
          <view class="complete-task-num topTaskNum--complete-task-num data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
            <view class="complete-task-item topTaskNum--complete-task-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-601 sk-text">69</view>
              <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-638 sk-text">今日已完成</view>
            </view>
            <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
            <view class="complete-task-item topTaskNum--complete-task-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-523 sk-text">100</view>
              <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-461 sk-text">成功</view>
            </view>
            <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
            <view class="complete-task-item topTaskNum--complete-task-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-517 sk-text">110</view>
              <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-316 sk-text">继续</view>
            </view>
            <view class="task-line topTaskNum--task-line data-v-b7cb7afa topTaskNum--data-v-b7cb7afa"></view>
            <view class="complete-task-item topTaskNum--complete-task-item data-v-b7cb7afa topTaskNum--data-v-b7cb7afa">
              <view class="item-top topTaskNum--item-top data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-opacity">1</view>
              <view class="item-bottom topTaskNum--item-bottom data-v-b7cb7afa topTaskNum--data-v-b7cb7afa sk-transparent sk-text-14-2857-359 sk-text">战败</view>
            </view>
          </view>
        </view>
      </view>
      <view class="task-search data-v-c748d44a">
        <view class="task-select data-v-c748d44a">
          <view class="data-v-c748d44a sk-image" data-event-opts="change,onPickerChange,$event" mode="selector" range="[&quot;全部&quot;,&quot;选项1&quot;,&quot;选项2&quot;,&quot;选项3&quot;,&quot;选项4&quot;]" value="0">
            <view class="data-v-c748d44a sk-transparent sk-text-19-5652-126 sk-text" style="background-position-x: 50%;">全部</view>
          </view>
        </view>
        <view class="search-input-btn data-v-c748d44a">
          <view class="search-input data-v-c748d44a sk-image" data-event-opts="input,__set_model,,keyword,$event," placeholder="活动名称" type="text" value="true"></view>
          <view class="search-line data-v-c748d44a"></view>
          <text class="search-btn data-v-c748d44a sk-transparent sk-text-23-9130-232 sk-text" data-event-opts="tap,search,$event">搜索</text>
        </view>
      </view>
      <view class="task-body data-v-c748d44a">
        <view class="task-body-item data-v-c748d44a">
          <view class="body-item-top data-v-c748d44a">
            <view class="item-top-left data-v-c748d44a">
              <view class="left-image data-v-c748d44a">
                <image class="data-v-c748d44a sk-image"></image>
              </view>
              <view class="item-title _h3 data-v-c748d44a sk-transparent sk-text-14-2857-555 sk-text">首保价值关怀</view>
              <text class="item-text-block data-v-c748d44a sk-transparent sk-text-14-2857-410 sk-text">首保提醒</text>
            </view>
            <view class="item-top-right data-v-c748d44a">
              <text class="data-v-c748d44a sk-transparent sk-text-14-2857-892 sk-text">已导出</text>
            </view>
          </view>
          <view class="body-item-center data-v-c748d44a sk-transparent">客户数量：
            <text class="center-num data-v-c748d44a sk-transparent sk-text-14-2857-183 sk-text">34</text>
          </view>
          <view class="body-item-bottom data-v-c748d44a">
            <view class="body-detail data-v-c748d44a sk-transparent sk-text-14-2857-900 sk-text" style="background-position-x: 50%;">明细</view>
            <view class="body-import data-v-c748d44a sk-transparent sk-text-14-2857-453 sk-text" style="background-position-x: 50%;">导出VIN</view>
          </view>
        </view>
        <view class="task-body-item data-v-c748d44a">
          <view class="body-item-top data-v-c748d44a">
            <view class="item-top-left data-v-c748d44a">
              <view class="left-image data-v-c748d44a">
                <image class="data-v-c748d44a sk-image"></image>
              </view>
              <view class="item-title _h3 data-v-c748d44a sk-transparent sk-text-14-2857-151 sk-text">首保价值关怀</view>
              <text class="item-text-block data-v-c748d44a sk-transparent sk-text-14-2857-228 sk-text">首保提醒</text>
            </view>
            <view class="item-top-right data-v-c748d44a">
              <text class="data-v-c748d44a sk-transparent sk-text-14-2857-859 sk-text">已导出</text>
            </view>
          </view>
          <view class="body-item-center data-v-c748d44a sk-transparent">客户数量：
            <text class="center-num data-v-c748d44a sk-transparent sk-text-14-2857-320 sk-text">34</text>
          </view>
          <view class="body-item-bottom data-v-c748d44a">
            <view class="body-detail data-v-c748d44a sk-transparent sk-text-14-2857-732 sk-text" style="background-position-x: 50%;">明细</view>
            <view class="body-import data-v-c748d44a sk-transparent sk-text-14-2857-627 sk-text" style="background-position-x: 50%;">导出VIN</view>
          </view>
        </view>
        <view class="task-body-item data-v-c748d44a">
          <view class="body-item-top data-v-c748d44a">
            <view class="item-top-left data-v-c748d44a">
              <view class="left-image data-v-c748d44a">
                <image class="data-v-c748d44a sk-image"></image>
              </view>
              <view class="item-title _h3 data-v-c748d44a sk-transparent sk-text-14-2857-338 sk-text">首保价值关怀</view>
              <text class="item-text-block data-v-c748d44a sk-transparent sk-text-14-2857-466 sk-text">首保提醒</text>
            </view>
            <view class="item-top-right data-v-c748d44a">
              <text class="data-v-c748d44a sk-transparent sk-text-14-2857-970 sk-text">已导出</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		
		methods: {
			
		}
	}
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-234 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-611 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-79 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-727 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-572 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-214 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-71 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-543 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-324 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-300 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-134 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-144 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-890 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-538 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-601 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-638 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-523 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-461 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-517 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-316 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-359 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-19-5652-126 {
	    background-image: linear-gradient(transparent 19.5652%, #EEEEEE 0%, #EEEEEE 80.4348%, transparent 0%) !important;
	    background-size: 100% 46.0000rpx;
	    position: relative !important;
	  }
	.sk-text-23-9130-232 {
	    background-image: linear-gradient(transparent 23.9130%, #EEEEEE 0%, #EEEEEE 76.0870%, transparent 0%) !important;
	    background-size: 100% 46.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-555 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-410 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-892 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-183 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-900 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-453 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-151 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-228 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-859 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-320 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-732 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-627 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-338 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-466 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-970 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }
</style>